<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>选课界面</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <style>
        #userNa{
            margin-left: 1400px;
        }
        #btns{
            margin-left: 1400px;
        }
    </style>
</head>
<body>
<script type="text/javascript" th:src="@{/layui/layui.all.js}"></script>
<script type="text/javascript" th:src="@{/layui/layui.js}"></script>
<p id="userNa" th:text="'loginName:'+${userName}"></p>
<form method="POST" th:action="@{/logout}" id="logoutForm">
    <button type="submit" id="btns" class="layui-btn layui-btn-danger layui-btn-radius">退出登录</button>
</form>
<form>
    <label class="layui-form-label-col" th:align="center">个人信息展示</label>
    <hr>
    <table class="layui-table" lay-filter="example" align="center">
        <colgroup>
            <col width="100">
            <col width="200">
        </colgroup>
        <tr>
            <td>姓名</td>
            <td th:text="${student.stuName}"></td>
        </tr>
        <tr>
            <td>学号</td>
            <td th:text="${student.stuNo}"></td>
        </tr>
        <tr>
            <td>年级</td>
            <td th:text="${student.stuGrade}"></td>
        </tr>
        <tr>
            <td>学院</td>
            <td th:text="${student.profession.faculty.facName}"></td>
        </tr>
        <tr>
            <td>专业</td>
            <td th:text="${student.profession.proName}"></td>
        </tr>
    </table>
    <label class="layui-form-label-col" th:align="center">选课结果</label>
    <hr>
    <table class="layui-table" lay-filter="example" align="center">
        <colgroup>
            <col width="100">
            <col width="200">
        </colgroup>
        <tr th:each="cour:${courseList}">
            <td th:text="${cour.couName}"></td>
            <td th:text="${cour.teacher.teaName}"></td>
        </tr>

    </table>
</form>
</body>
<script>
    layui.use(['form', 'layedit', 'laydate'], function () {
        var form = layui.form
            , layer = layui.layer
            , layedit = layui.layedit
            , laydate = layui.laydate;

    });
</script>
</html>